{% extends 'base.html'%}
{% load staticfiles %}

{% block style %}
<link rel="stylesheet" type="text/css" href="{% static 'css/index.css' %}" />
{% endblock %}

{% block content %}
<div class='grain'></div>
<div class='intro'>
  <div class='center'>
    <div class='core'></div>
    <div class='outer_one'>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
        <div class='outer_one__piece'></div>
    </div>
    <div class='outer_two'>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
        <div class='outer_two__piece'></div>
    </div>
    <div class='outer_three'>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
        <div class='outer_three__piece'></div>
    </div>
    <div class='outer_four'>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
        <div class='outer_four__piece'></div>
    </div>
    <div class='outer_five'>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
        <div class='outer_five__piece'></div>
    </div>
    <div class='pieces'>
        <div class='future_ui__piece'>
            <span>Go </span>
            <div class='line'></div>
            <div class='tip'>─=≡Σ((( つ•̀ω•́)つ</div>
        </div>
        <div class='future_ui__piece'>
            <span><a href="{% url 'funpicture2' %}">Fire fire</a></span>
            <div class='line'></div>
            <div class='tip'>（￣ー￣）ノFFF~~マ☆</div>
        </div>
        <div class='future_ui__piece'>
            <span><a href="{% url 'fun_novel_page' %}">Boom boom</a></span>
            <div class='line'></div>
            <div class='tip'>(╯‵□′)╯炸弹！•••*～●</div>
        </div>
        <div class='future_ui__piece'>
            <span>Ta.Ta.Ta..</span>
            <div class='line'></div>
            <div class='tip'>(҂`･ｪ･´) &lt;,︻╦̵̵̿╤─ ҉ - --</div>
        </div>
        <div class='future_ui__piece'>
            <span>Other</span>
            <div class='line'></div>
            <div class='tip'>Status report!</div>
        </div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
        <div class='future_ui__piece blank'></div>
    </div>
  </div>
</div>
{% endblock %}
{% block footerscript %}
<script type="text/javascript">
    $(function() {
        $('li.ttl').hover(function() {
            $(this).addClass('active');
            $('li.ttl').not($(this)).removeClass('active');
        });
    })
</script>
{% endblock %}
